/***********************************
 * GLOBAL STYLES
 ***********************************/
ul{
	padding:0;
	margin:0;
}
ol{
	list-style:none;
	padding-left:20px;
}
h1{
	padding-left:3%;
}
h2{
	margin:0px;
	margin-bottom:5%;
	padding:0px;
}
h3{
	margin:0;
}
h4{
	margin-top:5px;
	margin-bottom:5px;
}
h5{
	margin-top:5px;
	margin-bottom:5px;
}
html{
	height:100%;
}
body{
	background-color:#F0F0FF;
	height:100%;
	color:gold;
}
body div{
	margin:0px;
	padding:0px;	
}

#wrapper{
	clear:both;
	height:0;
	padding:0;
}
/*********************************************
 * PAGE TEMPLATE
 *********************************************/
#page_container{
	position:relative;
	width:70em;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	border:solid;
}
/*********************************************
 * LINKS TO ENTITIES
 *********************************************/
.entity_link{
	text-decoration:none;
	color:darkblue;
	font-weight:bold;
}
.entity_link:hover{
	font-size:1.2em;
	font-weight:bolder;
}
.entity_link:visited{
	color:darkblue;
}
/*********************************************
 * PAGE HEADER
 *********************************************/
.page_header{
	padding:0;
	padding-top:2%;
	height:auto;
	background-color:royalblue;
	color:white;
	width:100%;	
}

.page_header ul{	
	list-style-type: none;
}
.page_header form{
	margin:0;
	padding:0;
	float: left;
}
.page_header p{
	margin:0;
	padding:0;
	display:inline;
	float:left;
	clear:left;
	padding-top:1%;
}
#user_nav{
	padding-left:7%;
}
#user_pad{
	padding-bottom:6.5%;
}
#logo_container{
  	padding-top:2%;
	padding-bottom:3%;
	width:auto;
}
#logo_container p{
  	padding-right:5%;
}
#logo_link{
	text-decoration:none;
	color:gold;
}
/*********************************************
 * PAGE BODY
 *********************************************/
.page_content{	
	padding:0;
	position:relative;
}
.content_left{
	padding:2%;
	border-right-style:groove;
	border-right-width:0.5%;
	float:left;
	width:27.5%;
	min-height:100%;
}
.content_left ul{
	padding-top:4%;
	padding-bottom:4%;
}
.main_content{
	padding:5%;
	min-height:70%;
}
/*********************************************
 * NAV BAR
 *********************************************/
#logged_in_actions{
	border-color:white;
	border-top-style:solid;
	border-bottom-style:solid;
	border-width:thin;
	float:left;
	width:100%;
	background-color:gold;
	height:1.4em;
	margin-top:1%;
}
#logged_in_actions ul{
	display:inline;
	padding-left: 0;
	margin-left: auto;
	margin-right:auto;
}
#logged_in_actions li{
	display:inline;
}
#logged_in_actions a{
	color:royalblue;
	text-decoration:none;
	border-right:1px solid #fff;
	padding-left:5px;
	padding-right:5px;
}
#logged_in_actions a:hover{
	background-color: royalblue;
	color: #fff;
}
/*********************************************
 * SIDE BAR
 *********************************************/
.sidebar_container{
	padding:5%;
	border-bottom-style:groove;
}
.sidebar_container h3{
	margin-bottom:5%;
}
.sidebar_container p{
	margin:0;
	padding:0;
	margin-bottom:4%;
}
.sidebar_container ul{
	list-style:none;
	margin-bottom:2%;
	padding:0;
}
/*********************************************
 * MESSAGING
 *********************************************/
.message_box_send label{
	display:none;
}
.single_popsicle_message{
	width:60%;
	height:auto;
	border-style:solid;
	border-color:red;
	border-width:thin;	
	margin-bottom:10px;
	padding-bottom:1%;
	padding-left:2%;
	padding-right:2%;
}
.single_popsicle_response{
	padding:2%;
}
.single_popsicle_response span{
	font-weight:bold;
}
.message_timestamp{
	font-size:0.8em;
}
textarea{
	max-width:60%;
	max-height:10%;
	min-width:60%;
	min-height:10%;
}
/*********************************************
 * FORMS
 *********************************************/
.field{
	margin:0;
	padding:0;
}
/*********************************************
 * FRIEND REQUEST PAGE
 *********************************************/
#friend_requests_received{
	margin-bottom:3%;
	padding-right:7%;
	float:left;
	width:41%;
	border-right-style:groove;
	min-height:100%;
}
#friend_requests_received h2{
	padding-left:3%;
	margin-bottom:10%;
}
#friend_requests_sent{
	float:right;
	width:40%;
	min-height:100%;
	padding-left:5%;
	padding-right:5%;
	margin-bottom:3%;
}
#friend_requests_sent h2{
	padding-left:3%;
	margin-bottom:10%;
}
.friend_request_single{
	padding:3%;
	padding-top:0;
	border:groove;
	margin-bottom:2%;
}
/*********************************************
 * CSS OPTIONS
 *********************************************/
#css_options{
	background-color:lightgrey;
	padding:1%;
	border-color:blue;
	border-style:solid;
	color:black;
}
#css_options p{
	text-align:justify;
	font-size:large;
}
#css_options li{
	list-style:none;
	font-size:large;
}
.white_on_blue{
	background-color:darkBlue;
	color:white;
}
.black_on_white{
	background-color:white;
	color:black;
}
.white_on_blue a, a:visited{
	color:white;
}
.black_on_white a, a:visited{
	color:black;
}
/*********************************************
 * SEARCHING
 *********************************************/
#search_query_container{
	width:66%;
	padding:2%;
	padding-bottom:1%;
	display:inline-block;
	border-style:groove;	
}
.search_radios{
	float:left;	
}
.search_input{
	float:left;
	clear:left;
	margin-top:2%;
}
.table_div{
	display:inline-block;
	width:70%;
	border-style:groove;
	margin-bottom:5%;
}
.table_row_div{
	padding:2%;
	margin-right:2%;
	margin-left:2%;
	border-bottom-style:groove;
}
.table_cell_div_view{
	display:inline-block;
}
.table_cell_div_action{
	display:inline-block;
	width:60%;
}